<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>EMC数据分析系统</title>
    <script src="../node_modules/jquery/dist/jquery.min.js"></script>
    <script src="../node_modules/bootstrap/dist/js/bootstrap.js"></script>
    <script src="../node_modules/bootstrap/js/collapse.js"></script>
    <script type="text/javascript" src="../node_modules/highcharts/highcharts.js"></script>
    <script type="text/javascript" src="../node_modules/mockjs/dist/mock-min.js"></script>
    <script type="text/javascript" src="../node_modules/vue/dist/vue.min.js"></script>
    <script type="text/javascript" src="common/chartsData.js"></script>
    <script type="text/javascript" src="common/charts.js"></script>
    <script type="text/javascript" src="common/chartsInitialize.js"></script>
    <link rel="stylesheet" type="text/css" href="../node_modules/bootstrap/dist/css/bootstrap.min.css">
</head>

<body>
    <nav class="navbar navbar-default nopadding">
        <div class="container-fluid">
            <div class="navbar-header">
                <a href="" class="navbar-brand" style="font-weight: 700">EMC数据分析系统</a>
            </div>
        </div>
    </nav>
    <div class="container-fluid" id="emcApp">
        <div class="row" style="bottom: 0">
            <div class="col-md-2 nopadding frame" style="padding: 0;">
                <a href="#" class="list-group-item">{{indexLabel}}</a>
                <div v-for="leftMenu in leftMenus">
                    <a v-bind:href="leftMenu.href" class="list-group-item" data-toggle="collapse" v-bind:data-target="leftMenu.target">
                        <span class="glyphicon glyphicon-folder-close" aria-hidden="true"></span>&nbsp;&nbsp;{{leftMenu.span.content}}
                    </a>
                    <div v-if="leftMenu.isExtend" class="collapse" v-bind:id="leftMenu.nextMenuId">
                        <div v-for="nextMenu in leftMenu.nextMenus">
                            <a v-bind:href="nextMenu.href" class="list-group-item firstMenu" data-toggle="collapse" v-bind:data-target="nextMenu.target">
                                <span class="glyphicon glyphicon-folder-close" aria-hidden="true"></span>&nbsp;&nbsp;{{nextMenu.span.content}}
                            </a>
                            <div v-if="nextMenu.isExtend" class="collapse" v-bind:id="nextMenu.nextMenuId">
                                <div v-for="nextMenu in nextMenu.nextMenus">
                                    <a v-bind:href="nextMenu.href" class="list-group-item secondMenu" data-toggle="collapse" v-bind:data-target="nextMenu.target" v-on:click="loadFrame(nextMenu.frameUrl)">
                                        <span class="glyphicon glyphicon-picture" aria-hidden="true"></span>&nbsp;&nbsp;{{nextMenu.span.content}}
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-10 frame nopadding" style="float: right;left:16.66666667%;right: 0;padding: 0;">
                <iframe src="" name="ifrm" id="ifrm" width="100%;" height="100%;" frameborder="no" border="0"></iframe>
            </div>
        </div>
    </div>
    <nav class="navbar navbar-fixed-bottom navbar-default">
        <div align="center">
            <h6>溢德行版权所有</h6>
        </div>
    </nav>
    <script type="text/javascript" src="../../dist/index.bundle.js"></script>
</body>

</html>
